<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: xwj32
  Date: 2023-05-24
  Time: 18:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Bootstrap 实例</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
    <jsp:include page="include/mangerheadtag.jsp"/>
</head>
<body>
<jsp:include page="include/head.jsp"/>
<jsp:include page="include/menu.jsp"/>
<div class="container mt-3" style="margin-top: 100px;margin-left: 300px">
    <h1 style="margin-top: 85px"><img src="images/img/出诊.png"></img>出诊信息</h1 >
    <div class="row mb-3">
        <div class="col-md-4">
            <form>
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="搜索医生">
<%--                    <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>--%>
                </div>
            </form>
        </div>
        <div class="col-md-8">
            <form>
                <div class="row">
                    <div class="col-md-4">
                        <input type="date" class="form-control">
                    </div>
                    <div class="col-md-4">
                        <select class="form-select">
                            <option selected>选择科室</option>
                            <option>内科</option>
                            <option>外科</option>
                            <option>儿科</option>
                        </select>
                    </div>
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> 搜索</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <table class="table table-striped table-hover">
        <thead>
        <tr>
            <th>姓名</th>
            <th>科室</th>
            <th>诊室</th>
            <th>日期</th>
            <th>星期几</th>
            <th>上午/下午</th>
            <th>号源总数</th>
            <th>已预约数</th>
            <th>预约状态</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${requestScope.schedules}" var="schedule">
            <tr>
                <td>${schedule.doctor_name}</td>
                <td>${schedule.department}</td>
                <td>${schedule.room}</td>
                <td>${schedule.date}</td>
                <td>${schedule.day_of_week}</td>
                <td>${schedule.ampm}</td>
                <td>${schedule.appointment_count}</td>
                <td>${schedule.booked_count}</td>
                <td>${schedule.status}</td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
</div>
</body>
</html>

